body{
    margin: 0px;
    padding: 0px;
    background-color: rgba(244, 244, 244, 0.67);

}
.dataTimeDiv{
    /*width: 100%;*/
    /*height: 40px;*/
    background-color: rgba(244, 244, 244, 0.67);
    font-size: 0rem;
    padding: 10px 20px;
    text-align: center;

    color: rgba(38, 38, 38, 0.61);

    position: relative;
}
.dataTimeDiv .yesterday{
    width: 5%;
    vertical-align: middle;
    display: inline-block;
    text-align: left;
}
.dataTimeDiv .yesterday img{
    width: 40%;
}
.dataTimeDiv .yesterdayTxt{
    width: 25%;
    vertical-align: middle;
    display: inline-block;
    font-size: 1rem;
    text-align: left;

    font-size: 0.9rem;
}
.dataTimeDiv .today{
    width: 40%;
    vertical-align: middle;
    display: inline-block;

    font-size: 1.0rem;
    /*margin-top: 5px;*/
}
/*.detaTimeDiv .tomorrowdayTxt{*/
    /*width: 20%;*/
    /*vertical-align: middle;*/
    /*display: inline-block;*/
    /*font-size: 1.0rem;*/
/*}*/
.dataTimeDiv .tomorrowdayTxt{
    width: 25%;
    vertical-align: middle;
    display: inline-block;
    text-align: right;

    font-size: 0.9rem;
}
.dataTimeDiv .tomorrowday{
    width: 5%;
    vertical-align: middle;
    display: inline-block;
    text-align: right;
}
.dataTimeDiv .tomorrowday img{
    width: 40%;
    /*display: none;*/
}
.portrait{
    /*width: 100%;*/
    font-size: 0;
    padding: 20px 20px;
    color: rgba(38, 38, 38, 0.61);
    /*padding-bottom: 20px;*/

    margin-bottom: 0px;
    position: relative;
}
.portrait:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #c0c0c0;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.portrait:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    /*border-bottom: 1px solid #D9D9D9;*/
    border-bottom: 1px solid #c0c0c0;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}


.portraitPage{
    margin-bottom: 20px;
    padding-bottom: 20px;
    background-color: #ffffff;
}

.portrait .leftPortrait{
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}
/*首页详情页头像小*/
.portrait .leftPortraitPage{
    width: 40%;
    text-align: right;
}
.portrait .leftPortrait img{
    width: 90px;
    height: 90px;

    border-radius: 100%;
}
.portrait .leftPortraitPage img{
     width: 60%;
     height: 60%;
 }
.portrait .centerNull{
    width: 2%;
    display: inline-block;
    vertical-align: middle;
}
.portrait .rightInfo{
    display: inline-block;
    vertical-align: middle;
    width: 58%;
    font-size: 1rem;
}
/*以下就是详情页特殊的*/
.portrait .rightInfo .firstFloor{
    text-align: center;
    font-size: 1.1rem;

}


.portrait .rightInfo .secondFloor{
    width: 100%;
    font-size: 0;
}
.portrait .rightInfo .secondFloor .nullDiv{
    display: inline-block;
    vertical-align: middle;
    width: 10%;
}
.portrait .rightInfo .secondFloor .leftTxt{
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    font-size: .8rem;

}
.portrait .rightInfo .secondFloor .nameSpecial{
    text-align: right;
    font-size: 1.3rem;
}
.portrait .rightInfo .secondFloor .rightTxt{
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    font-size: .8rem;
}

.detailInfo{
    background-color: #ffffff;
    /*border: 1px solid #cc0000;*/
    margin-bottom: 15px;

    position: relative;
    color: rgba(38, 38, 38, 0.61);
}

.detailInfo:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.detailInfo:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    /*border-bottom: 1px solid #D9D9D9;*/
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.detailInfo .detailInfoLine{
    width: 100%;
    font-size: 0rem;
    padding: 12px 20px;

    position: relative;
}
.detailInfo .detailInfoLine:last-child :before{
    display: none;
}
.detailInfo .detailInfoLine :before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    /*left: 15px;*/
}
.detailInfo .detailInfoLine .leftDiv{
    vertical-align: middle;
    display: inline-block;
    width: 50%;
    font-size: 1rem;
}
.detailInfo .detailInfoLine .rightDiv{
    vertical-align: middle;
    display: inline-block;
    width: 50%;
    font-size: 1rem;
}


/*首页那个特殊的有二级页面的list item*/
.detailInfo .detailInfoLine{
    width: 100%;
    font-size: 0rem;
    padding: 12px 20px;

    position: relative;
}
.detailInfo .detailInfoLine .leftDivHaveSon{
    width: 45%;
}
.detailInfo .detailInfoLine .rightDivHaveSon{
    width: 45%;
}
.detailInfo .detailInfoLine .backDivHaveSon{
    vertical-align: middle;
    display: inline-block;
    width: 10%;

    text-align: right;
}
.detailInfo .detailInfoLine .backDivHaveSon img{
    width: 20%;
}

.bottomNullDiv{
    height:50px;
    width: 100%;
}

/*以下是首页详情页的内容*/
.hositoryInfo{
    margin: 0px 35px;
    /*padding: 10px 20px;*/
    border-radius:3px ;
    color: rgba(38, 38, 38, 0.67);
    /*color: #ffffff;*/
    border-radius: 5px;
    background-color: #ffffff;
    /*height: 100%;*/
}
.hositoryInfo .item{
    padding: 12px 20px;
    font-size: 0px;
    /*margin: 0px 20px;*/
    position: relative;

}
.hositoryInfo .item :before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid rgba(217, 217, 217, 0.35);
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    /*left: 15px;*/
}

.hositoryInfo .item .left{
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    font-size: 1rem;
}
.hositoryInfo .item .right{
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    font-size: 1rem;

    text-align: center;
}

.header{
    padding: 12px 20px;
    width: 100%;
    background-color: #ffffff;
    font-size: 0px;
}
.header .one{
    vertical-align: middle;
    display: inline-block;
    width: 20%;
    font-size: 1px;


}
.header .one img{
    /*width: 100%;*/
    border-radius: 100%;
    width: 60px;
    height: 60px;
}
.header .two{
    vertical-align: middle;
    display: inline-block;
    width: 25%;
    font-size: 1.2rem;
    text-align: center;
}
.header .three{
    vertical-align: middle;
    display: inline-block;
    width: 25%;
    font-size: 1rem;
}
.header .five{
    vertical-align: middle;
    display: inline-block;
    width: 20%;

}
.header .three .txt{
    background-color: #3599db;
    color: #ffffff;
    width: 65%;
    text-align: center;
    border-radius: 5px;
    /*height: 20px;*/
    font-size: 0.9rem;
}
.header .four{
    vertical-align: middle;
    display: inline-block;
    width: 10%;
    text-align: right;
}
.header .four img{
    width: 20%;
}

/*头部解释说明文字*/
.explore{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: rgba(38, 38, 38, 0.61);
    background-color:rgba(244, 244, 244, 0.67); ;
    position: relative;
    height: 19px;
    margin-top: 1px;
}
.explore1{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: rgba(38, 38, 38, 0.61);
    background-color:rgba(244, 244, 244, 0.67);
    position: relative;
    height: 19px;
    padding-top: 1px;
}
.explore:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    /*border-bottom: 1px solid #D9D9D9;*/
    border-bottom: 1px solid #c0c0c0;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

/*登录界面*/
.appname{
    font-size: 2rem;
    /*margin: 30px auto;*/
    margin: 50px auto 10px auto;
    text-align: center;
    color: rgba(38, 38, 38, 0.61);
    /*color: red;;*/
}
.appSmallName{
    font-size: 1.0rem;
    margin: 10px auto;
    text-align: center;
    color: rgba(38, 38, 38, 0.61);
}
 .inputDiv{
     margin: 170px 40px 0px 40px;
     color: rgba(38, 38, 38, 0.61);
     position: relative;
 }
.inputDiv:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.inputDiv .upLine{
    padding: 13px 0px;
    position: relative;
 }

.inputDiv .upLine :before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    /*left: 15px;*/
}
.inputDiv .upLine .sign{
    display: inline-block;
    vertical-align: middle;
    width: 15%;

    /*margin-left: 5px;*/
    text-align: center;
}
.inputDiv .upLine .sign img{
    width: 50%;
    height: 50%;
}
.inputDiv .upLine .inputField{
    display: inline-block;
    vertical-align: middle;
    width: 75%;
}
.inputDiv .upLine .inputField input{
    border: none;
    width: 100%;
}

.enterButton{
    padding: 15px;
     margin: 40px 40px 0px 40px;
     background-color: rgba(226, 226, 226, 0.67);
    text-align: center;
    color: rgba(38, 38, 38, 0.61);

    border-radius: 3px;
 }